<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Disappear</title>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
						   
	$(".pane .delete").click(function(){
		$(this).parents(".pane").animate({ opacity: 'hide' }, "slow");
	});

});
</script>

<style type="text/css">
}
h3 {
	margin: 0;
	padding: 0 0 .3em;
}
p {
	margin: 0;
	padding: 0 0 .5em;
}
.pane {
	background: #edf5e1;
	padding: 10px 20px 10px;
	position: relative;
	border-top: solid 2px #c4df9b;
}
.pane .delete {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
</style>
</head>

<body>
<form method=post action="">
<input type=text name="nom">
<input type="submit" value="Ajouter">
</form>
<div class="pane">
	<h3>Information is beautiful</h3>
	<h2>http://www.lesnumeriques.com/</h2>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
	<img src="i/btn-delete.gif" alt="delete" class="delete" />
</div>
<div class="pane">
	<h3>Panounours</h3>
	<h2>http://www.lesnumeriques.com/</h2>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
	<img src="i/btn-delete.gif" alt="delete" class="delete" />
</div>
<div class="pane">
	<h3>Sample feed of Ben-J</h3>
	<h2>http://www.lesnumeriques.com/</h2>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
	<img src="i/btn-delete.gif" alt="delete" class="delete" />
</div>
<div class="pane">
	<h3>Super Feed</h3>
	<h2>http://www.lesnumeriques.com/</h2>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
	<img src="i/btn-delete.gif" alt="delete" class="delete" />
</div>
<div class="pane">
	<h3>Jeanfeed</h3>
	<h2>http://www.lesnumeriques.com/</h2>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
	<img src="i/btn-delete.gif" alt="delete" class="delete" />
</div>
</body>
